<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <f:view contentType="text/html">
        <h:head>
           <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Ensambla car</title>
            </f:facet>
            <h:outputStylesheet library="css" name="ensamblaCar.css"  />
        </h:head>

    <h:body>
        <h:form id="formAgregarEmpleado">

        <h:panelGroup id="panelAgregarEmpleado">
        <table>
            <tr>
                <td><label class="textoFormulario">Nombre</label></td>
                <td><h:inputText styleClass="inputFormulario" value="#{gestionadorEmpleadoMB.nombre}"></h:inputText>
                </td>
            </tr>

            <tr>
                <td><label class="textoFormulario">Email</label></td>
                <td><h:inputText styleClass="inputFormulario" value="#{gestionadorEmpleadoMB.email}"></h:inputText>
                </td>
            </tr>
            <tr>
                <td><label class="textoFormulario">Cargo</label></td>
                <td><h:inputText styleClass="inputFormulario" value="#{gestionadorEmpleadoMB.cargo}"></h:inputText>
                </td>
            </tr>
            <tr>
                <td><label class="textoFormulario">Dirección</label></td>
                <td><h:inputText styleClass="inputFormulario" value="#{gestionadorEmpleadoMB.direccion}"></h:inputText>
                </td>
            </tr>
            <tr>
                <td><label class="textoFormulario">Unidad</label></td>
                <td>
                    <h:selectOneMenu styleClass="selectFormulario" value="#{gestionadorEmpleadoMB.unidadSeleccionada}">
                        <f:selectItems value="#{gestionadorUnidadMB.unidades}"
                                       var="unidades" itemValue="#{unidades.numUnidad}"
                                       itemLabel="#{unidades.nomUnidad}"/>
                   </h:selectOneMenu>
                </td>
            </tr>
            <tr>
                <td><label class="textoFormulario">Nombre Usuario</label></td>
                <td><h:inputText styleClass="inputFormulario" value="#{gestionadorEmpleadoMB.nombreUsuario}"></h:inputText>
                </td>
            </tr>
            <tr>
                <td><label class="textoFormulario">Password</label></td>
                <td><p:password id="pwd1" value="#{gestionadorEmpleadoMB.password}" match="pwd2" required="true"/>
                </td>
            </tr>
            <tr>
                <td><label class="textoFormulario">Reingrese Password</label></td>
                <td><p:password id="pwd2" value="#{gestionadorEmpleadoMB.password}" required="true"/>
                </td>
            </tr>
        </table>

            <p:messages id="messages" showDetail="true" autoUpdate="true"/>
            
            <p:commandButton actionListener="#{gestionadorEmpleadoMB.agregarEmpleado}" value="Agregar"
                             ></p:commandButton>
            </h:panelGroup>

        </h:form>
    </h:body>
    </f:view>
</html>

